@govuk-frederic/page-header

PageHeader

Import

  import PageHeader from '@govuk-frederic/page-header';

Usage

Default example

import { Link } from 'react-router-dom';
import PageHeader from '@govuk-frederic/page-header';
import asNavLink from 'as-nav-link';

const LogoLink = asNavLink()(PageHeader.LogoAnchor);
const NavLink = asNavLink()(PageHeader.NavAnchor);
const PageLogo = (<LogoLink to="/">Logo text</LogoLink>);
const PriorityNavigation = (<NavLink to="/">My Account</NavLink>);

…

<PageHeader logo={PageLogo}>
  {PriorityNavigation}
</PageHeader >

TODO:

• Add responsive considerations
• Check rendering of multiple items in Navigation container and provide example Story
• Replace magic numbers from HOC items with constants

Properties

Prop	Required	Default	Type	Description
children		null	node	Navigation items, rendered on the right
logo		null	node	Title, rendered large on the left